body {
    background: #EFEFEF;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    
}
#wrapper{
    margin: auto;
    width: 980px;
    height: auto;
    background: #FFFFFF ;
   ' border: 1px solid #000;
}
#header{
    height: 150px;
    background: #17ab10 url('img/banner-msrp.png') no-repeat 50% 50%;
}
#nav-container{
    background: #17ab10; /*url('img/gloss-green.png') repeat-x 50% 50%;*/
    font-size: 14px;
}
#nav-menu{
    width: 980px;
    margin: auto;
    padding: 0;
    list-style: none;
    background: #4f9d28 url('img/gloss-green.png') repeat-x 50% 50%;
    'text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
#home{
    background: url('img/home.png') no-repeat 50% 50%;
}
#efan{
    background: #7CED6A url('img/gloss-green-hover.png') repeat-x 50% 50%;
}
#nav-menu li{
    text-align: center;
    display:inline-block;
    padding:5px;
    position:relative;
    color: #FFFFFF;
    min-width: 50px;
    
}
#nav-menu li:first-child{
    margin: 0 0 0 30px;
    
}
#nav-menu li ul.sub-menu  li:first-child{
    margin: 0;
    
}
#nav-menu li a{
    color: #EFF7F6;
    text-decoration: none;
    margin: 0;
}
#nav-menu li ul.sub-menu { 
    display:none;
    position:absolute;
    left:0;
    top: 25px;
    background: #035400; url('img/trans-black.png');
    width:200px;
    z-index: 500;
    padding: 0;
    opacity: 0.9;
    
}
#nav-menu li ul.sub-menu  li{
    display:block;
    z-index: 500;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding-left: 20px;
}
#nav-menu li ul.sub-menu  li a{
    display: inline-block;
    width: 100%;
}
#nav-menu li ul.sub-menu  li a:hover{
    color: #000000;
    text-shadow: none;
}
#nav-menu li ul.sub-menu  li a img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
#nav-menu li ul.sub-menu  li:first-child{
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
#nav-menu li ul.sub-menu  li:last-child{
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
#nav-menu li ul.sub-menu  li:hover  #nav-menu li ul.sub-menu  li a{
    color: #000000;
}
#nav-menu li ul.sub-menu  li:hover{
    background: url('img/gloss-green-hover.png') repeat-x 50% 50%;
    /*-webkit-transition: background 0.5s ;
       -moz-transition: background 0.5s ;
         -o-transition: background 0.5s ;
            transition: background 0.5s ;*/
}
#nav-menu li:hover ul{
    /*display: block;*/
}
#content-wrapper{
    
}
#left-panel{
    width: 180px;
    min-height: 200px;
    background: #F7F7F7;
}
#quick-links{
    margin: 0;
    padding: 3px 0 0 3px;
    'border: 1px solid gray;
    text-align: center;
    background: #17ab10;
    color: #fff;
}
#side-bar-nav{
    list-style: none;
    'background: #347F47;
    padding: 0px;
    margin: 0;
}
#side-bar-nav li{
    'background: #39A053;
    padding: 3px 2px 3px 20px;
    'color: #fff;
}
#side-bar-nav li:hover{
    'background: #357C47;
}
#right-panel{
    width: 798px;
    min-height: 400px;
    background: transparent;
    border-left: 1px solid #CECECE;
}
#form-container{
    margin: 5px;
    padding: 5px;
    border: 3px solid black;
    width: 100px;
    height: 100px;
}
#footer{
    height: 120px;
    background: #1D6305; /*url('img/gloss-green.png') repeat-x 50% 50%;*/
    color: #fff;
    text-align: center;
    padding: 0 20px;
    margin: 0;
}
ul#footer-nav{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul#footer-nav li{
    display: inline-block;
    padding: 5px;
    text-align: center;
}
.dialog{
    display: none;
    position: absolute;
    display: block;
    'width: 500px;
    min-height: 200px;
    background: #F2F2F2;
    overflow: hidden;
    z-index: 1001;
}
.dialog .title{
    margin: 1px;
    color: #FFFFFF;
    border-bottom: 1px solid #CECECE;
    background: #02AF00 url('img/gloss-green-wave.png') repeat-x;
    background-position: 50% 50%;
}
.dialog .title h3{
    margin: 0px;
    padding: 5px 0 5px 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    float: left;    
}
.close{
    color: #EAE8E8;
    'background: #ff0000;
    float: right;
    margin: 0px 10px 5px 0px;
    cursor: pointer;
    padding: 3px 0 2px 0;
    width: 30px;
    border-color: #898989;
    border-top: 0;
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(255, 255, 255, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(255, 255, 255, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(255, 255, 255, 0.6);
}
.close:hover{
    text-decoration: none;
    color: #CECECE;
    background-image: url('img/btn-red.png');
    background-repeat: repeat-x;
    background-position: 0 0px;
    -webkit-transition: background-image 1.5s linear;
       -moz-transition: background-image 1.5s linear;
         -o-transition: background-image 1.5s linear;
            transition: background-image 1.5s linear;
}
.close:active{
    color: #FFFFFF;
    background-position: 0 0;
}
.dialog-body{
    background: #FFFFFF;
    height: 80px;
    padding: 20px 10px 10px 10px;
    
}
.dialog-button{
    height: 45px;
    border-top: 1px solid #CECECE;
    text-align: right;
    padding: 10px 10px 0 0;
}
.corner-all,
.corner-top,
.corner-left,
.corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}
.corner-all,
.corner-top,
.corner-right,
.corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
.corner-all,
.corner-bottom,
.corner-left,
.corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.corner-all,
.corner-bottom,
.corner-right,
.corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.center-position{
    z-index: 1001;
    margin: auto;
}
.modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.shadow{
    outline: none;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
    
}
.btn{
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: url('img/btn-default.png');
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-blue{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: url('img/btn-blue.png');
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
}
.btn-green {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: url('img/btn-green.png');
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}
.btn-red {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ff0000;
    background-image: url('img/btn-red.png');
    background-repeat: repeat-x;
    border-color: #ff7878 #ff7878 #CC0000;
}
.btn:hover {
    color: #727070;
    text-decoration: none;
    /* Buttons in IE7 don't get borders, so darken on hover */
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
       -moz-transition: background-position 0.1s linear;
         -o-transition: background-position 0.1s linear;
            transition: background-position 0.1s linear;
}
.btn-blue:hover,
.btn-green:hover,
.btn-red:hover{
    color: #EAE8E8;
    text-decoration: none;
}
.btn:active{
    background-position: 0 0;
}
a {
    color: #0088cc;
    text-decoration: none;
}

a:hover {
    color: #016FA5;
    text-decoration: underline;
}
input[type="text"],
input[type="password"],
select,
textarea{
    padding: 5px 5px 5px 5px;
    border-color: rgba(196, 196, 196, 0.8);
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
input[type="text"]:focus,
input[type="button"]:focus,
input[type="password"]:focus,
a:focus, select:focus,
textarea:focus{
    border-color: rgba(104, 249, 150, 0.8);
    outline: 0;
    outline: thin dotted \9;    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
label.cabinet{
    height: 22px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
label.cabinet input.file{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Alpha(opacity=0);
    left: -152px;
    top: 0px;
}

/*table*/
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table th,
.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
       -moz-border-radius: 0 0 0 4px;
            border-radius: 0 0 0 4px;
    -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    'background-color: #f5f5f5;
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: url('img/btn-blue.png');
    /*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/
    /*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/
    /*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/
    /*background-image: linear-gradient(to bottom, #0088cc, #0044cc);*/
    background-repeat: repeat-x;
    color: #DBDBDB;
}
.table-hover tbody tr:hover td a,
.table-hover tbody tr:hover th a{
    color: #dbdbdb;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}
.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}
.border-all, .border-rl, .border-right{
    border-right: 1px solid #C9C9C9;
}
.border-all, .border-rl, .border-left{
    border-left: 1px solid #C9C9C9;
}
.border-all, .border-tb, .border-top{
    border-top: 1px solid #C9C9C9;
}
.border-all, .border-tb, .border-bottom{
    border-bottom: 1px solid #C9C9C9;
}


ul.tabs li.sel, ul.tabs li.sel:hover{
    background: #2DB750;
    background: url('img/btn-blue.png') repeat-x;
    color: #FFFFFF;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.75), 0 0 2px rgba(255, 255, 255, 0.6);
     -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.75), 0 0 2px rgba(255, 255, 255, 0.6);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.75), 0 0 2px rgba(255, 255, 255, 0.6);
    cursor: default;
}

ul.tabs{
    background: url('img/gloss-green-wave.png') repeat-x;
    background-position: 50% 50%;
    list-style: none;
    margin: 0;
    padding: 5px 0 0 0;
    color: #fff;
    zoom: 1;
}
ul.tabs li{
    display: inline-block;
    padding: 3px 10px 3px 10px;
    margin: 0 0 0 5px;
    background: url('img/gloss-green.png') repeat-x;
    background-position: 50% 50%;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: inset 0  2px rgba(0, 0, 0, 0.75), 0 0 2px rgba(255, 255, 255, 0.6);
     -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.75), 0 0 2px rgba(255, 255, 255, 0.6);
          box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.75), 0 0 2px rgba(255, 255, 255, 0.6);
}
ul.tabs li:hover{
    background: url('img/gloss-green-hover.png') repeat-x 50% 50%;
}
.margin-all, .margin-left{
    margin-left: 5px;
}
.margin-all,.margin-right{
    margin-right: 5px;
}
.margin-all, .margin-top{
    margin-top: 5px;
}
.margin-all, .margin-bottom{
    margin-bottom: 5px;
}
.padding-all, .padding-left{
    padding-left: 5px;
}
.padding-all,.padding-right{
    padding-right: 5px;
}
.padding-all, .padding-top{
    padding-top: 5px;
}
.padding-all, .padding-bottom{
    padding-bottom: 5px;
}
/*slideshow*/
div#slide-wrapper{
    background: #FFFFFF;
    height: 450px;
    width: 788px;
    margin: 5px auto;
    color: #fff;
    'overflow: hidden;
}
.slider-wrapper { 
	width: 788px; 
	margin: auto;
}

.theme-default #slider {
    margin:0 auto 0 auto;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
.nivoSlider {
	position:relative;
	width: 788px;
	height:400px;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* css for timepicker */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: url('img/gloss-green-wave.png') repeat 0 50%;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('img/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}
.justify{
    text-align: justify;
}
/*history css*/
#history, .content-title{
    margin: 10px;
}

.icon {
 display: inline-block;
 height: 16px;
 vertical-align: middle;    
 line-height: 16px;
 padding-left: 20px;
 margin-right: 10px;
 z-index: 999;
}
.bank{
    background: transparent url('img/icon/16x16/bank.png') no-repeat 50% 50%;
}
.illustration{
    background: transparent url('img/icon/16x16/illustration.png') no-repeat 50% 50%;
}
.library{
    background: transparent url('img/icon/16x16/library.png') no-repeat 50% 50%;
}
.date{
    background: transparent url('img/icon/16x16/date.png') no-repeat 50% 50%;
}
.archives{
    background: transparent url('img/icon/16x16/archives.png') no-repeat 50% 50%;
}
.upcoming-work{
    background: transparent url('img/icon/16x16/upcoming-work.png') no-repeat 50% 50%;
}
.map{
    background: transparent url('img/icon/16x16/map.png') no-repeat 50% 50%;
}
.time{
    background: transparent url('img/icon/16x16/time.png') no-repeat 50% 50%;
}
.user-medium-silhouette{
    background: transparent url('img/icon/16x16/user-medium-silhouette.png') no-repeat 50% 50%;
}
.user-f{
    background: transparent url('img/icon/16x16/user-f.png') no-repeat 50% 50%;
}
.user-m{
    background: transparent url('img/icon/16x16/user-m.png') no-repeat 50% 50%;
}
.user-add{
    background: transparent url('img/icon/16x16/user-add.png') no-repeat 50% 50%;
}
.user-del{
    background: transparent url('img/icon/16x16/user-del.png') no-repeat 50% 50%;
}
.user-edit{
    background: transparent url('img/icon/16x16/user-edit.png') no-repeat 50% 50%;
}
.image-add{
    background: transparent url('img/icon/16x16/image-add.png') no-repeat 50% 50%;
}


/*login*/
#login-container{
    display: none;
    height: auto;
    width: 280px;
    padding: 20px;
    position: absolute;
    background: #fff;
    z-index: 999999;
    
}

/*arrows*/

.arrow-up {
    font-size: 0px; 
    line-height: 0%; 
    width: 0px;
    border-bottom: 20px solid #000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    
    border-top: 10px solid #FDFFCE;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    
    border-left: 60px solid green;
}

.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid blue; 
}

/*tooltip*/
.tooltip1 {
    padding: 10px;
    font-weight: normal;
    font-size: 12px;
    color: #0088cc;
    background: #FDFFCE;
    min-width: 100px;
    z-index: 50;
    'margin: 5px;
    position: absolute;
    max-width: 250px;
    height: auto;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -3px;
}

.tooltip.right {
  margin-left: 3px;
}

.tooltip.bottom {
  margin-top: 3px;
}

.tooltip.left {
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.error{
    background: #FFDBDB;
    border:  1px solid #FF7272;
}
.success{
    background: #C1FFC5;
    border:  1px solid #9EE575;
}
.font12{
    font-size: 12px;
}
.font13{
    font-size: 13px;
}
.font14{
    font-size: 14px;
}
.font15{
    font-size: 15px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}


/*sample*/
#content-animation{
    height: 500px;
    width: 600px;
    background: #FCFFD3;
}
#first-animate, #second-animate,
#third-animate, #forth-animate{
    height: 300px;
    width: 300px;
    background: #5B5B5B;
    position: absolute;
}
#rotation{
    width: 450px;
    height: 450px;
    background: #A3FFA4;
}

/*round carousel*/
.roundabout-holder {
    padding: 0;
    margin: 0px auto;
    height: 300px;
    width: 300px;
    background: transparent;
}

.roundabout-moveable-item {
    height: 300px;
    width: 300px;
    cursor: pointer;
    display:block;
}

.roundabout-moveable-item img {
    height: 100%;
    width: 100%;
}

.roundabout-in-focus {
    cursor: pointer;
}

#carousel-descriptions {
    list-style:none;
    display:block;
    width:850px;
    margin:25px auto;
    padding:0;
    text-align: center;
    
}

#carousel-descriptions li {
    font-size:24px;
    font-weight:bold;
    text-align:center;
    color: #00AFE5;
    text-shadow: 0 1px 1px rgba(242, 242, 242, 0.75);
    display:none;
}

#carousel-descriptions li.current {
    display:block;
}

#carousel-controls {
    max-width:900px;
    width:auto;
    margin:25px auto;
    overflow:auto;
    border-collapse:collapse;
    text-align:center;
    
}

#carousel-controls span {
    width:100px;
    display:inline-block;
    font-size:14px;
    text-align:center;
    margin:0 5px;
    padding:5px;
    cursor:pointer;
    border:1px solid black;
    background:#333;			
}
/*
#carousel-controls td span {
    font-size:14px;
    text-align:center;
    margin:0 5px;
    padding:5px;
    cursor:pointer;
    border:1px solid black;
    background:#333;
}*/

#carousel-controls .current {
    background:#600;
    color:;
    border-color:#400;
}


/*ADMIN PAGE CSS*/
#admin-wrapper{
    padding: 0px;
    width: 980px;
    margin: 0 auto;
}
#admin-header{
    overflow: visible;
    color: #FFFFFF;
    height: 40px;
    background: #fff url('img/btn-green.png') repeat-x;
}
#admin-wrapper > h3, #admin-wrapper > h4{
    color: #F4F4F4;
    margin-top: -30px;
    margin-left: 20px;
}
#admin-wrapper > h4, #admin-wrapper > img{
    cursor: pointer;
}
#admin-content{
    background: #fff;
    min-height: 200px;
}
#logo-msrp{
    background: url('../images/starita_logo_new_big.png') no-repeat 50% 50%;
    position: fixed;
    width: 980px;
    height: 600px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#admin-content h2{
    margin-left: 50px;
}
/*page slide*/
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #FFFADD;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #5DCC65;
    -moz-shadow: inset 0 0 5px 5px #5DCC65;
    box-shadow: inset 0 0 5px 5px #5DCC65;
}
#pageslide-content > h2{
    background: url('img/btn-green.png') repeat-x;
}
#pageslide a{
    display: block;
    font-size: 15px;
    margin: 5px;
}
#pageslide a#logout{
    margin-top: 15px;
}
#pageslide h2{
    padding: 5px;
    color: rgb(0, 0, 0);
}
#options{
    position: fixed;
    top: 50%;
    font-size: 20px;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #DBDBDB;
    background: #333 url('img/btn-default.png') repeat-x;
    margin-left: -1px;
}
#options:hover{
    color: #727070;
    text-decoration: none;
    /* Buttons in IE7 don't get borders, so darken on hover */
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
       -moz-transition: background-position 0.1s linear;
         -o-transition: background-position 0.1s linear;
            transition: background-position 0.1s linear;
}
#c-menu{
    list-style: none;
    color: transparent;
    margin: 0px;
    padding: 0px 3px;
    text-align: center;
    
}
#c-menu li{
    background: #FF7200;
    display: inline-block;
    'margin-top: 3px;
    margin: 0px;
    padding: 3px;
    width: 161px;
    height: 70px;
    text-align: center;
    cursor: pointer;
}
#c-menu li:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#c-menu li:active{
    opacity: 1;
    filter: alpha(opacity=100);
}
#modal-content{
    background: url('../../images/trans-black.png');
    width: 980px;
    min-height: 600px;
    height: auto;
    z-index: 9000;
    display: none;
    position: absolute;
    padding: 20px;
    overflow: visible;
}
